
<div class="slider-container rev_slider_wrapper" style="height: 100vh;">
    <div id="revolutionSlider" class="slider rev_slider manual">
        <ul>

            <li data-transition="fade">
                <img src="img2/banner/hero.png"
                     alt=""
                     data-bgposition="center center"
                     data-bgfit="cover"
                     data-bgrepeat="no-repeat"
                     class="rev-slidebg">

                <div class="tp-caption custom-font-size-1 text-color-light font-weight-semibold text-uppercase"
                     data-x="['left','left','left','left']"
                     data-hoffset="['80','80','80','80']"
                     data-y="['center','center','center','center']"
                     data-voffset="['-100','-100','-100','-100']"
                     data-start="500"
                     data-paddingleft="['0', '0', '0', '0']"
                     style="z-index: 5; font-size: 18px;"
                     data-transform_in="y:[-300%];opacity:0;s:500;">2 Days, 23 Talks</div>

                <h1 class="tp-caption text-color-light font-weight-extra-bold text-uppercase"
                    data-x="['left','left','left','left']"
                    data-hoffset="['75','75','75','75']"
                    data-y="['center','center','center','center']"
                    data-voffset="['-45','-45','-45','-45']"
                    data-fontsize="['80', '80', '70', '60']"
                    data-start="800"
                    data-paddingleft="['0', '0', '0', '0']"
                    style="z-index: 5; font-size: 80px;"
                    data-transform_in="y:[-300%];opacity:0;s:500;">Porto Event</h1>

                <div class="tp-caption text-color-light"
                     data-x="['left','left','left','left']"
                     data-hoffset="['81','81','81','81']"
                     data-y="['center','center','center','center']"
                     data-voffset="['25','25','25','25']"
                     data-start="1500"
                     data-paddingleft="['0', '0', '0', '0']"
                     data-fontsize="26"
                     style="z-index: 5;"
                     data-transform_in="y:[-300%];opacity:0;s:500;">July 17 &amp; 18, 2017 in NYC</div>

                <div class="tp-caption text-uppercase"
                     data-x="['left','left','left','left']"
                     data-hoffset="['80','80','80','80']"
                     data-y="['center','center','center','center']"
                     data-voffset="['55','55','55','55']"
                     data-start="1500"
                     data-paddingleft="['0', '0', '0', '0']"
                     data-fontsize="['12', '12', '12', '18']"
                     data-lineheight="['12', '12', '12', '22']"
                     style="z-index: 5; color: #6acdca;"
                     data-transform_in="y:[-300%];opacity:0;s:500;"><i class="fa fa-map-marker"></i> New York Plazha - New York-NY</div>

                <div class="tp-caption text-uppercase"
                     data-x="['right','right','right','right']"
                     data-hoffset="['80','80','80','80']"
                     data-y="['center','center','center','center']"
                     data-voffset="['-40','-40','-40','-40']"
                     data-start="1500"
                     style="z-index: 5;"
                     data-transform_in="opacity:0;s:500;">

                    <a href="#" class="play-video-custom custom-rev-next">
                        <img src="img/demos/event/play-icon.png" class="img-responsive" width="90" height="90" />
                    </a>

                </div>

            </li>
            <li data-transition="fade">
                <img src="video/event.jpg"
                     alt=""
                     data-bgposition="center center"
                     data-bgfit="cover"
                     data-bgrepeat="no-repeat"
                     class="rev-slidebg">

                <div class="rs-background-video-layer"
                     data-forcerewind="on"
                     data-volume="mute"
                     data-videowidth="100%"
                     data-videoheight="100%"
                     data-videomp4="video/event.mp4"
                     data-videopreload="preload"
                     data-videoloop="none"
                     data-forceCover="1"
                     data-aspectratio="16:9"
                     data-autoplay="true"
                     data-autoplayonlyfirsttime="false"
                     data-nextslideatend="true">
                </div>

                <div class="tp-dottedoverlay tp-opacity-overlay"></div>

            </li>
        </ul>
    </div>
</div>

